﻿<%@ Page Title="" Language="C#" MasterPageFile="~/EventsParent.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebFrontEnd.Login" %>

<asp:Content ID="NavBarContent" ContentPlaceHolderID="NavBar" runat="server">
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/Login.js"></script>
    <script type="text/javascript">
        $(function () {
            YorkinPage.InitializePage({
                passwordRecoveryButton: "<% Response.Write(passwordRecoveryButton.ClientID); %>",
                forgotPasswordEmailInput: "forgotPasswordEmailInput",
                forgotPassowrdStatusAlert: "forgotPassowrdStatusAlert",
                forgotPasswordStatusText: "forgotPasswordStatusText",
                forgotPasswordAjaxLoader: "forgotPasswordAjaxLoader"
            });
        });
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
        <div class="row">
            <div class="span6">
                <h2>YEMS!</h2>
                <p>Welcome to the YorKin&#8482; Event Managment System (YEMS)!</p>
            </div>
            <div class="well span4 offset1">
                <ul class="nav nav-tabs">
                    <li runat="server" id="LoginTab" class="active"><a href="#<% Response.Write(LoginTabPane.ClientID); %>" data-toggle="tab">Login</a></li>
                    <li runat="server" id="CreateTab"><a href="#<% Response.Write(CreateTabPane.ClientID);%>" data-toggle="tab">Create Account</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    
                    <div runat="server" id="LoginTabPane" class="tab-pane active in">
                        <fieldset>
                            <div id="legend">
                            </div>
                            <legend class="">Login</legend>      
                    <div runat="server" id="loginerroralert" style="display:none;" class="alert alert-error">
                        <a id="A1" runat="server" class="close" data-dismiss="alert">×</a>
                        <span runat="server" id="loginAlertText"></span>
                    </div>
                    <div class="control-group">
                        <!-- Username -->
                        <label class="control-label" for="username">Email</label>
                        
                        <div class="controls">
                            <div class="input-prepend">
                                    <span class="add-on">
                                        <i class="icon-envelope"></i>
                                    </span>
                            <asp:TextBox runat="server" ID="username" TextMode="Email" CssClass="input-large" />
                                </div>
                        </div>
                    </div>

                    <div class="control-group">
                        <!-- Password-->
                        <label class="control-label" for="password">Password</label>
                        <div class="controls">
                            <div class="input-prepend">
                                    <span class="add-on">
                                        <i class="icon-lock"></i>
                                    </span>
                            <asp:TextBox TextMode="Password" runat="server" ID="password" CssClass="input-large" />
                        </div>
                    </div>

                    <div class="control-group">
                        <!-- Button -->
                        <div class="controls">
                            <label class="checkbox">
                                <asp:CheckBox Text="Remember Me" ID="RememberMeCheckbox" runat="server" />
                            </label>
                            <asp:Button OnClick="LoginButton_Click" Text="Login" CssClass="btn btn-success" runat="server" ID="LoginButton" />                                                        
                        </div>                        
                    </div>
                        <div class="control-group">
                            <div class="controls">
                                <a href="#<%Response.Write(forgotPasswordModal.ClientID);%>" id="test" role="button"  data-toggle="modal">Oops! I forgot my password <img src="http://www.freesmileys.org/smileys/smiley-sad010.gif" alt="crying" /></a>
                            </div>
                        </div>
                    </fieldset>          
                </div>
                <div runat="server" id="CreateTabPane" class="tab-pane fade">
                    <fieldset>
                    <div id="Div1">
                            </div>
                    <legend class="">Create an account</legend> 
                    <div runat="server" id="createerroralert" style="display:none;" class="alert alert-error">
                        <a id="A2" runat="server" class="close" data-dismiss="alert">×</a>
                        <span runat="server" id="createAlertText"></span>
                    </div>
                    <label>Email</label>
                    <asp:TextBox runat="server" ID="CreateEmail" CssClass="input-large" />  
                    <label>First Name</label>
                    <asp:TextBox runat="server" ID="CreateFirstName" CssClass="input-large" />
                    <label>Last Name</label>
                    <asp:TextBox runat="server" ID="CreateLastName" CssClass="input-large"/>  
                    <label>Password</label>
                    <asp:TextBox TextMode="Password" runat="server" ID="CreatePassword" CssClass="input-large"/>  
                    <label>Confirm Password</label>                    
                    <asp:TextBox TextMode="Password" runat="server" ID="CreateConfirmPassword" CssClass="input-large"/>  
                    <div>
                        <asp:Button Text="Create" CssClass="btn btn-success" runat="server" ID="CreateButton" OnClick="CreateButton_Click" />
                    </div>
                    </fieldset>
                </div>
                </div>
            </div>
            </div>
    <div id="forgotPasswordModal" class="modal hide fade" role="dialog" runat="server">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Password Reminder</h3>
        </div>
        <div class="modal-body">
            <label>Enter your email</label>
            <input type="email" id="forgotPasswordEmailInput" class="input-xlarge" />            
            <span id="forgotPasswordAjaxLoader" style="display:none;"><img src="img/ajax-loader.gif" alt="loader" /></span>
            <div id="forgotPassowrdStatusAlert" style="display:none;" class="alert alert-success">
                <a class="close" data-dismiss="alert">×</a>
                <span id="forgotPasswordStatusText"></span>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary" id="passwordRecoveryButton" runat="server" aria-hidden="true">Send me my password</button>
        </div>
    </div>
</asp:Content>
